/* Reset */
*:before, *:after { content: ''; }


/* Shine */
.shine {
  height: 20px;
  width: 60%;
  background-image: radial-gradient(
    farthest-side at 50% -50%,
    hsla(0, 0%, 0%, 0.5),
    hsla(0, 0%, 0%, 0));
  position: relative; 
}

.shine::before {
  height: 1px;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  background-image: linear-gradient(
    90deg,
    hsla(0, 0%, 0%, 0),
    hsla(0, 0%, 0%, 0.75) 50%,
    hsla(0, 0%, 0%, 0));
}

.flair {
  width: 65%;
  height: 30px;
  border-style: solid;
  border-color: hsla(0, 0%, 75%, 0.9);
  border-width: 1px 0 0 0;
  border-radius: 15px;
}
.flair:before {
  display: block;
  height: 30px;
  margin-top: -31px;    
  border-style: solid;
  border-color: hsla(0, 0%, 75%, 0.9);
  border-width: 0 0 1px 0;
  border-radius: 15px;
}

.margin-top {
    margin-top: 5px;
}




.bookends-dots {
  position: relative;
  border-bottom: 1px solid hsla(0, 0%, 50%, 0.75);
  width: 50%;
}
.bookends-dots:before,
.bookends-dots:after {
  position: absolute;
  bottom: -5px;
  width: 10px;
  height: 10px;
  display: block;
  border-width: 0 1px 1px 0;
  border-color: hsla(0, 0%, 50%, 0.75);
  border-style: solid;
  box-sizing: border-box;
  border-radius: 100%;
}
.bookends-dots:before {
  transform: translateZ(0) rotate(-45deg);
  left: -10px;
}
.bookends-dots:after {
  transform: translateZ(0) rotate(135deg);
  right: -10px;
}





.naglowek-styl {
    /*font-family: 'Amatic SC', cursive;*/
    font-family: 'Cinzel', serif;
    font-size: 70px;
    text-align: center;
    font-weight: bold;
    margin-top: 34px;
}

.naglowek-styl-xs {
    /*font-family: 'Amatic SC', cursive;*/
    font-family: 'Cinzel', serif;
    font-size: 35px;
    text-align: center;
    font-weight: bold;
    margin-top: 34px;
}

.naglowek-styl-sm {
    /*font-family: 'Amatic SC', cursive;*/
    font-family: 'Cinzel', serif;
    font-size: 36px;
    #text-align: center;
    font-weight: bold;
    #margin-top: 34px;
}

.naglowek-styl-sm-small {
    /*font-family: 'Amatic SC', cursive;*/
    font-family: 'Cinzel', serif;
    font-size: 36px;
    #text-align: center;
    font-weight: bold;
    #margin-top: -30px;
}
    
.tekst1a{
    font-size: 16pt;
    line-height: 1.6;
    text-align: justify;
    -moz-text-align-last: center; /* Code for Firefox */
    text-align-last: center;
}

.tlo-naglowek{
	#margin-top: 15px;
    margin-bottom: 10px;
    min-height: 200px;
    background: url("/img/ekokarty-tlo.png") no-repeat;
	background-size: 100%;
	
	position: relative;

	background-attachment: fixed;

	background-repeat: no-repeat;

	z-index: 2;
}

.tlo-naglowek-main{
	#margin-top: 15px;
    margin-bottom: 10px;
    min-height: 200px;
    background: url("/img/ekokarty-tlo.png") no-repeat;
	background-size: 100%;
	
	position: relative;

	background-attachment: fixed;

	background-repeat: no-repeat;

	z-index: 2;
}

.tlo-naglowek-main a{
	color: black;
}

.tlo-naglowek-main a:hover{
	color: black;
}

.tlo-naglowek-main-small{
	#margin-top: 15px;
    margin-bottom: 10px;
    max-height: 80px;
    background: url("/img/ekokarty-tlo.png") no-repeat;
	background-size: 100%;
	
	position: relative;

	background-attachment: fixed;

	background-repeat: no-repeat;

	z-index: 2;
}

.tlo-naglowek-main-small a{
	color: black;
}

.tlo-naglowek-main-small a:hover{
	color: black;
}

.tlo1{
	margin-top: 15px;
    margin-bottom: 10px;
    min-height: 150px;
    background: url("/img/ekokarty-tlo.png") no-repeat;
	background-size: 100%;
	
	position: relative;

	background-attachment: fixed;

	background-repeat: no-repeat;

	z-index: 2;
}

.tlo2{
	#margin-top: 10px;
    margin-bottom: 10px;
    min-height: 300px;
	background: url("/img/ekokarty-tlo.png") no-repeat;
	background-size: 100%;
	
	position: relative;

	background-attachment: fixed;

	background-repeat: no-repeat;

	z-index: 2;
}

.tlo-foooter{
	#margin-top: 10px;
    #margin-bottom: 10px;
    min-height: 200px;
    background: url("/img/ekokarty-tlo.png") no-repeat;
	background-size: 100%;
	
	#position: relative;

	#background-attachment: fixed;

	#background-repeat: no-repeat;

	#z-index: 2;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #D2E2B3;
  cursor: pointer;
}

.table-hover2 tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #D2E2B3;
}

.linki{
    color: #347C15;
}

.zielony{
    color: #347C15;
}

#scrollToTop{
	position: fixed;
	bottom: 15%;
	right: 20px;
	opacity: 0.6;
}
#scrollToTop:hover{
	opacity: 0.9;
}